<template>
  <div class="home">
    <home-header></home-header>
    <home-swiper></home-swiper>
    <home-icons></home-icons>
    <home-ad></home-ad>
    <home-recommend></home-recommend>
    <home-gift></home-gift>
  </div>
</template>

<script>
import HomeHeader from './components/Header'
import HomeSwiper from './components/Swiper'
import HomeIcons from './components/Icons'
import HomeAd from './components/Ad'
import HomeRecommend from './components/Recommend'
import HomeGift from './components/Gift'
export default {
  name: 'Home',
  components: {
    HomeHeader,
    HomeSwiper,
    HomeIcons,
    HomeAd,
    HomeRecommend,
    HomeGift
  }
}
</script>

<style lang="stylus" scoped>
  .home
    margin-bottom 1.06rem
</style>
